<!--  -->
<template>
    <div class="userDataComp">
        <h3>
            昨日关键数据
        </h3>
        <table>
            <tr>
                <th>项目打开次数</th>
                <th>浏览页面前三</th>
                <th>点击按钮前三</th>
            </tr>
            <tr>
                <td>100200</td>
                <td>
                    <span>
                        1 路由：/index
                    </span><br>
                    <span>
                        1 路由：/index
                    </span><br>
                    <span>
                        1 路由：/index
                    </span>
                </td>
                <td>
                    <span>
                        1 路由：/index btn
                    </span><br>
                    <span>
                        1 路由：/index btn
                    </span><br>
                    <span>
                        1 路由：/index btn
                    </span>
                </td>
            </tr>
        </table>
    </div>
</template>

<script>
export default {
    data () {
        return {
            
        };
    },

    components: {},

    computed: {},

    mounted(){},

    methods: {}
}

</script>
<style lang='less' scoped>
    .userDataComp{
        h3{
            height: 40px;
            line-height: 40px;
            font-size: 20px;
        }
        table{
            width: 100%;
            tr{
                &:hover{
                    background: #ebeef5;
                }
                th{
                    font-size: 20px;
                    background: #ccc;
                }
            }

            td,th{
                padding: 10px 0;
                text-align: center;
                border: 1px solid #ebeef5;
            }
        }
    }
</style>